<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず</title>
<c:import url="/jsp/pc/keyword.jsp"/>
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<style type="text/css">
  html { overflow: auto; }
  html, body, td, th { font-family: Arial, sans-serif; margin: 0px; padding: 0px; height: 100%; font-size: 10pt; color: #333333; }
  .text { font-family: Arial, sans-serif; margin: 0px; padding: 0px 10px; height: 100%; font-size: 10pt; color: #333333; }
  #map { position: absolute; top: 30px; left: 10px; width: 600px; height: 450px;}
  #map img { cursor: crosshair; }
  img { border: 0px; }
  form { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  input, textarea { margin: 3px 0 0 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  #side_bar { position: absolute; top: 6px; left: 620px; border: 1px solid #666; padding: 5px; line-height: 1.8; overflow:auto; background: url(/icon/white70per.png); width: 150px; height: 462px; }
  #header { background-color: #ffffff; position:absolute; top: 6px; left: 10px; z-index: 99; width: 592px; padding: 2px 4px; overflow: hidden; }
  div.errors { color: red; font-weight: bold; position: absolute; top: 35px; left: 15px; border: 1px solid #666; padding: 0px 5px; overflow:auto; background: url(/icon/white70per.png); width: 300px; height: 60px; }
  #main { background-color: #ffffff; font-size: 10pt; position: relative; top: 0px; left: 0px; border: 0px solid #666; }
  #body { background-color: #ffffff; font-size: 10pt; border: 1px solid #666; width: 680px; padding: 2px 4px; margin: 10px;}
  #help { background-color: #ffffff; font-size: 10pt; width: 759px; height: 120px; padding: 2px 4px; margin: 10px; border: 3px solid #99b3cc; }
  #copy { font-size: 8pt; position: absolute; top: 490px; left: 650px; }
  #footer { font-size: 10pt; margin: 10px;}
  .mailAddress { text-decoration: underline; cursor: pointer; margin: 1px 5px; }
  #adsense { font-size: 10pt; position: absolute; top: 10px; left: 710px; }
</style>
</head>
<body>

<div id="body"><!-- start body -->
<h2>なかまちずとは？</h2>

<p>
なかまちずとは、仲間＋待ち＋地図の合成語です。<br/>
このサイトでは、友達との待ち合わせや、自分が歩いた道のりを記録するための地図アプリケーションを提供します。<br/>
<span style="color: red; font-weight: bold;">※まだ開発中です。</span><br/>
</p>

<p>地図は誰でも簡単に作れます。作り方は</p>

<ol>
 <li>地図を作ろうとする人はまずGoogleアカウントを取得します</li>
 <li>ログインして新規に地図を作ります</li>
 <li>作った地図のURLを友達へメールなどで伝えます</li>
 <li>携帯電話やパソコンから地図を見て目的地で友達と会います</li>
</ol>

<p>地図には、目的地（ランドマーク）を追加できるなど、さまざまな機能があります。</p>
<p>下図は、鎌倉駅にランドマークを追加したところです。</p>
<p><img src="http://www.nakamachizu.com/_/rsrc/1268930772275/home/nakamachizu_pc00.jpg"/></p>
<p>携帯電話から同じ地図を見ると下図のように表示されます。</p>
<p><img src="http://www.nakamachizu.com/_/rsrc/1268930943052/home/nakamachizu_m00.jpg"/></p>
<p>ランドマークは最大10個、参加者は最大20人まで1つの地図に記録可能です。</p>
<p>また、図のように移動した道のりを線で残すこともできます。</p>
<p>では、早速<a href="/login">ログイン</a>して地図を作ってみましょう。</p>

</div><!-- end body -->


<div id="footer"><!-- start footer -->
<a href="http://www.nakamachizu.com">なかまちずトップページへ戻る</a>
</div><!-- end footer -->

<div id="adsense">
<c:import url="/jsp/pc/adsense.jsp"/>
</div>





<c:import url="/jsp/pc/analytics.jsp"/>
</body>
</html>